
    <div class="sys-title"><h2 id="TopName"></h2></div>

    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>角色列表</h3>
          </div>
          <div class="btnbar"> <button class="btn btn-success" id="add">添加角色</button></div>

          <div class="filter">
            <input type="text" placeholder="请输入角色名称关键词查询"> <button class="btn">检索</button>
          </div>
        </div>
        <div class="panel-body">

          <table class="table table-striped">
            <thead>
              <tr>
                <th width="5%">序号</th>
                <th>角色名称</th>
                <th width="28%">权限</th>
                <th>用户数量</th>
                <th>备注</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="tableBody">
              <!--<tr>
                <td>1</td>
                <td><a href="javascript:void(0);">平台管理员</a></td>
                <td>平台所有权限</td>
                <td>1</td>
                <td>平台所有权限</td>
                <td class="icons"><a href="javascript:void(0);"><i class="icon-setting" title="修改"></i></a></td>
              </tr>
              <tr>
                <td>2</td>
                <td><a href="javascript:void(0);">采集系统管理员</a></td>
                <td>数据源管理、采集任务管理、数据采集监控、录入工具</td>
                <td>2</td>
                <td>采集系统所有权限</td>
                <td class="icons"><a href="javascript:void(0);"><i class="icon-setting" title="修改"></i></a><a href="javascript:void(0);"><i class="icon-delete" title="删除"></i></a></td>
              </tr>
              <tr>
                <td>3</td>
                <td><a href="javascript:void(0);">分析系统管理员</a></td>
                <td>分析系统所有权限</td>
                <td>6</td>
                <td>分析系统所有权限</td>
                <td class="icons"><a href="javascript:void(0);"><i class="icon-setting" title="修改"></i></a><a href="javascript:void(0);"><i class="icon-delete" title="删除"></i></a></td>
              </tr>
              <tr>
                <td>4</td>
                <td><a href="javascript:void(0);">警务系统角色</a></td>
                <td>超级管理员、站长、警员</td>
                <td>5</td>
                <td>外接第三方系统</td>
                <td class="icons"><a href="javascript:void(0);"><i class="icon-setting" title="修改"></i></a><a href="javascript:void(0);"><i class="icon-delete" title="删除"></i></a></td>
              </tr>
              <tr>
                <td>5</td>
                <td><a href="javascript:void(0);">资源目录系统用户</a></td>
                <td>上传、下载</td>
                <td>2421</td>
                <td>资源目录系统一般用户</td>
                <td class="icons"><a href="javascript:void(0);"><i class="icon-setting" title="修改"></i></a><a href="javascript:void(0);"><i class="icon-delete" title="删除"></i></a></td>
              </tr>-->
            </tbody>
          </table>
        </div><!--panel-body end-->
        <div class="panel-foot">
          <div class="btns"></div>
          <div class="page">
            <!--<ul class="pagination">
              <li class="disabled"><a href="javascript:void(0);">&lt;</a></li>
              <li class="active"><a href="javascript:void(0);">1</a></li>
              <li><a href="javascript:void(0);">2</a></li>
              <li><a href="javascript:void(0);">3</a></li>
              <li><a href="javascript:void(0);">4</a></li>
              <li><a href="javascript:void(0);">5</a></li>
              <li><a href="javascript:void(0);">&gt;</a></li>
              <li><input type="text"></li>
            </ul>-->
          </div>
        </div><!--panel-foot end-->
      </div>
    </div>

<div class="dialog dialog-sm" id="addRole">
    <div class="dialog-win">
      <div class="dialog-head"><span>添加角色</span><a  id="close" class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
      <div class="dialog-body">

        <div class="form-box" style="display:block;">
          <div class="form-item">
            <div class="form-title">角色名称：</div>
            <div class="form-content"><input  class="input" value="" type="text"></div>
          </div>
          <div class="form-item">
            <div class="form-title">角色权限：</div>
            <div class="form-content"><ul id="role"  class="ztree box" style="max-height:420px; overflow:auto;"></ul></div>
          </div>
        </div>

      </div>
      <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
    </div>
  </div>
<script src="scripts/app/safe/sysManage/roleManage.js"></script>